﻿<?php
	require_once('Sqlite/DB.php');
	$db = openDB('Sqlite/myDatabase');
	if(!isset($_GET['moto']))
		header("Location: ./");
		
	$query='SELECT fuente, id_Foto FROM Motos JOIN Fotos ON Motos.id_moto=Fotos.id_moto WHERE Motos.id_moto='.$_GET['moto'];	
	$rta = queryDB($db,$query);
	$aux=queryDB($db,'SELECT * FROM Motos WHERE id_moto='.$_GET['moto']);
	$info=getRow($aux);
	$aux =queryDB($db,'SELECT cantidad FROM Visitas WHERE id_moto='.$_GET['moto']);
	$visitas=getRow($aux);	
	
	/*function startsWith($haystack, $needle)
	{
		$length = strlen($needle);
		return (substr($haystack, 0, $length) === $needle);
	}*/
?>
<div class="detalles">
	<h1><?php echo $info['Marca'].' '.$info['Modelo'];?><span>Visitas a esta página: <?php echo $visitas['cantidad'];?></span></h1>
	<div class="imagenes">

		<div id="dialog-modal" title="<?php echo $info['Marca'].' '.$info['Modelo'];?>">
			<img src="img/spinner2.gif" alt="Espere un momento"/>
		</div>

		<div class="scroll-pane ui-widget ui-widget-header ui-corner-all">
			<div class="scroll-content">
				
				<?php 
					echo '<div class="scroll-content-item ui-widget-header"  style="display:none"><input type="hidden" class="idFoto" value="-1" /></div>';
					while($row=getRow($rta)){
						if(startsWith($row['fuente'],'http://'))
							$fuente=$row['fuente'];
						else{
							$aux=str_replace('/','%2F',$row['fuente']); //Para enviar una imagen de tamaño reducido
							$fuente='imagenes2.php?foto='.$aux; 
							}
						echo '<div class="scroll-content-item ui-widget-header">
								<a rel="shadowbox[motos]" href="'.$row['fuente'].'">
								<img src="'.$fuente.'" class="scroll-content-item" alt="foto de la moto"/>
								</a>
								<input type="hidden" class="idFoto" value="'.$row['id_Foto'].'" />
						
						</div>';					
					}
				?>


			</div>
			<div class="scroll-bar-wrap ui-widget-content ui-corner-bottom">
				<div class="scroll-bar"></div>
			</div>
		</div>
	</div>
	<div id="fb-root"></div>
	<script type="text/javascript">
window.fbAsyncInit = function() {
		FB.init({
			status     : true, // check login status
			cookie     : true, // enable cookies to allow the server to access the session
			xfbml      : true  // parse XFBML
		});
		FB.Event.subscribe('edge.create',
		function(response) {
		/*	var url = "_lib/facebook.php";
			parametros = {};
			parametros['url'] = response;
			$('#limpiar').load(url,parametros);	*/
		//	alert('You liked the URL: ' + response);
			//obtengo la id desde la URL
			var id=location.search.substring(location.search.indexOf("moto=")+5);
			$.get("_lib/facebook.php?id="+id);
		});
		// Additional initialization code here
	};	
	// Load the SDK Asynchronously
	(function(d){
		var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
		if (d.getElementById(id)) {return;}
		js = d.createElement('script'); js.id = id; js.async = true;
		js.src = "//connect.facebook.net/es_LA/all.js";
		ref.parentNode.insertBefore(js, ref);
	}(document));
	
	
	</script>
	<div class="facebook">
		<fb:like send="false" width="550" show_faces="true"></fb:like>
		
		<?php
		$url ="http://".$_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
		$url= str_replace('&',"&amp;",$url);
		?>

		<fb:comments href="<?php echo $url;?>" num_posts="2" width="550"></fb:comments>
	</div>
	<div class="Caracteristicas">
	<h2>Ficha técnica</h2>
	<div class="acordeon"><span><img src="img/flechas2.png" alt="+"/></span><label>Motor</label></div>
	<div class="descripcion">
		
		<?php
			$query='SELECT * FROM Motor WHERE id_moto='.$_GET['moto'];	
			$rta = queryDB($db,$query);
			$row=getRow($rta);

			echo '<table>
				  <tr><td><div><label>Tipo Motor</label>'.$row['Tipo Motor'].'</div></td>
				      <td><div><label>Cilindrada</label>'.$row['Cilindrada'].' cc</div></td>
				      <td><div><label>Diámetro x carrera</label>'.$row['Diámetro x carrera'].'</div></td></tr>
				  <tr><td><div><label>Relación de compresión</label>'.$row['Relación de compresión'].'</div></td>
				      <td><div><label>Alimentación</label>'.$row['Alimentación'].'</div></td>
				      <td><div><label>Embrague</label>'.$row['Embrague'].'</div></td></tr>
				  <tr><td><div><label>Transmisión</label>'.$row['Transmisión'].'</div></td>
					  <td><div><label>Arranque</label>'.$row['Arranque'].'</div></td></tr>
				</table>';
		?>
	</div>
	<div class="acordeon"><span><img src="img/flechas2.png" alt="&gt;&gt;"/></span><label>Chasis</label></div>
	<div class="descripcion">
			<?php
			$query='SELECT * FROM Chasis WHERE id_moto='.$_GET['moto'];	
			$rta = queryDB($db,$query);
			$row=getRow($rta);
			echo '<table>
					<tr><td><div><label>Tipo chasis</label>'.$row['Tipo chasis'].'</div></td>
						<td><div><label>Suspensión delantera</label>'.$row['Suspensión delantera'].'</div></td>
						<td><div><label>Suspensión trasera</label>'.$row['Suspensión trasera'].'</div></td</tr>
					<tr><td><div><label>Freno delantero</label>'.$row['Freno delantero'].'</div></td>
						<td><div><label>Freno trasero</label>'.$row['Freno trasero'].'</div></td>
						<td><div><label>Neumático delantero</label>'.$row['Neumático delantero'].'</div></td></tr>
				  <tr><td><div><label>Neumáco trasero</label>'.$row['Neumático trasero'].'</div></td></tr>
				 </table>';
			?>
	</div>
	<div class="acordeon"><span><img src="img/flechas2.png" alt="&gt;&gt;"/></span><label>Dimensiones</label></div>
	<div class="descripcion">
			<?php			  
			$query='SELECT * FROM Dimensiones WHERE id_moto='.$_GET['moto'];	
			$rta = queryDB($db,$query);
			$row=getRow($rta);
			echo '<table>
					<tr><td><div><label>Longitud total</label>'.$row['Longitud total'].'</div></td>
						<td><div><label>Ancho total</label>'.$row['Ancho total'].'</div></td>
						<td><div><label>Alto total</label>'.$row['Alto total'].'</div></td></tr>
					<tr><td><div><label>Altura del asiento</label>'.$row['Altura del asiento'].'</div></td>
						<td><div><label>Distancia entre ejes</label>'.$row['Distancia entre ejes'].'</div></td>
						<td><div><label>Distancia mínima del suelo</label>'.$row['Distancia mínima del suelo'].'</div></td></tr>
					<tr><td><div><label>Capacidad de combustible </label>'.$row['Capacidad de combustible'].' Lts</div></td></tr>
				 </table>';

		?>
	</div>
	
	</div>
</div>
